腾讯上线 AI 设计平台 Ardot，一句话生成 UI 设计稿，AI 版 Figma

来源：htmlDecode("AI工具派")

原文链接：https://mp.weixin.qq.com/s/lvG4yt6AX-q8_h8HQ82dgg

关注 “ ** AI 工具派 ” **
探索最新 AI 工具，发现 AI 带来的无限可能性！

Hi，我是Chris，一个专注于探索各类 AI工具的博主，与大家一起发掘 AI 的潜力。我正在开发 WiseMindA ，期待它能成为提升学习好搭子。

Hi，我是 Chris。
之前一直在关注的腾讯设计 Ardot 今天终于是公测了，这是一款 ** 把 Figma 的专业编辑能力和 AI 的生成体验深度融合的设计平台 ** ，AI 生成的不是图片，是能继续改的设计稿。
今天带大家一起体验一下。
🌟 工具名称：Ardot
🔗 工具地址：https://ardot.tencent.com/

一、工具介绍 🛠️

Ardot 是腾讯设计推出的一款 AI 驱动的智能设计平台，它不是单纯的 Figma 替代品，也不是简单的文生图工具。
它的定位更像是： ** Figma 的专业矢量编辑能力 + Lovart 的 AI 生成体验，融合成一套完整的设计工作流。 **
Ardot 支持 ** 文生 UI、图片转设计稿、矢量编辑、动态布局系统、设计系统管理 ** ，以及从设计到开发的完整交付流程， ** 支持 macOS 客户端和网页端 ** 。
Ardot 优势在于： ** 依托腾讯生态，具备与微信、QQ、腾讯文档深度整合的潜力，而且全中文界面、国内服务器，避免了 Figma 的访问问题。 **
Ardot 不只是 Figma 的国产替代， ** 更像是 Figma + Lovart 的结合体 ** ，特别适合需要快速出稿、高频迭代的产品团队。

二、快速上手 🚀

Ardot 目前免费公测，首先打开官方网址 https://ardot.tencent.com/ ** 用腾讯账号登录 ** 即可使用，不需要邀请码：
进入工作台后，最核心的操作就是，用文字描述你想要的界面。大致流程包括： ** 文生 UI ** ：输入自然语言描述（如"生成一个 WiseMindAI 官方网站的主页"），AI 自动生成完整界面 ** 图转设计 ** ：上传任意图片（手绘草图、竞品截图、商品海报），AI 智能分层并转为可编辑设计稿 ** 编辑调整 ** ：生成结果直接进入专业矢量编辑器，图层分开、组件可改、颜色可调 ** 开发交付 ** ：设计完成后，一键复制 CSS/iOS/Android 代码，或通过 MCP 协议直通 Codebuddy 生成前端代码
整个过程非常丝滑，一段文字几分钟就能出一版完整界面，从零起稿的时间几乎都被 AI 完成。
比如，Chris 将 WiseMindAI 官网介绍文档发送给 Ardot，生成一份官网页面看看：
接下来 Ardot AI 会自动开始进行分析设计，一步步完成页面开发：
等待生成完成，就能看到完整页面，整体还是很好看的：

三、核心功能 🔍

1. 文生 UI

这是 Ardot 重要的功能，你只需要输入自然语言描述，比如"做一个 WiseMindAI 首页，含轮播图、商品卡片、底部导航"，AI 就能自动生成包含排版、图片和文字的完整界面原型。
不是一张静态图片，是 ** 可以直接进编辑器改的设计文件 ** ，支持 UI 局部精准修改：选中任意元素，用自然语言描述修改意图，AI 精准调整，无需重绘。
并且可以看到，Ardot 支持多个主流国产模型可以选择： 对话模型：Kimi-K2.6、GLM-5.1、GLM-5v-Turbo、DeepSeek-V3.2、MiniMax-M2.5 等 生图模型：kling-2.1、jimeng-4.0 等

2. 生成即可编辑

这一点必须单独拿出来说，因为这是设计师最关心的问题。
大部分 AI 生图工具生成的是一张 ** 合并的图片 ** ，你要改个按钮颜色，对不起，整张图重新生成。
Ardot 生成的是 ** 设计文件 ** ： ** 图层分开 ** ：每个元素都是独立图层 ** 组件可替换 ** ：按钮、卡片、导航栏都可以单独换 ** 颜色可修改 ** ：一键换主题色，全局联动 ** 文字可编辑 ** ：不是图片上的字，是真的文本框
还支持 ** 基于业务组件生成 UI 设计稿 ** ：调用你的业务组件库，AI 一键生成符合规范的可编辑设计稿，生成出来就是你们团队的风格，不是通用模板。

3. MCP 能力

Ardot 还可以通过 MCP（模型上下文协议），通过 Ardot MCP，可以让 AI Agent（如 Claude、Cursor、Windsurf、CodeBuddy, WorkBuddy 等）能够 ** 直接读取和操作 Ardot 设计稿 ** ， ** 实现设计与代码的双向联动 ** 。
详细可以查看官网介绍：https://docs.ardot.tencent.com/ardot-mcp.html
Ardot 同时支持 macOS 桌面端和 Web 端（PC 浏览器），Ardot MCP 优先支持 macOS 桌面端。
你可以在官网下载客户端，然后使用，使用方式如下： 点击 Ardot 首页右上角的 MCP 配置入口。 在配置弹窗中开启您所需的代码编辑器。 打开任意 Ardot 设计文件，检查服务连接是否正常。 在终端对话中输入您想要的设计内容。

4. 批量矢量图标

需要一整套风格统一的图标？以前要么一个个画，要么买图标库。
Ardot 的批量图标生成：输入文字描述或上传一个示例图，AI 一键生成整套风格统一的矢量图标，支持批量导出和二次修改，还可以 ** 把风格保存为模板 ** ，下次新项目直接复用。

5. 专业编辑能力

AI 生成只是起点，Ardot 的专业编辑能力也不含糊： ** 矢量编辑 ** ：支持斜切、3D 旋转、增强形状工具，复杂图形创作一样稳。 ** 动态布局系统 ** ：Grid 网格布局、百分比定位、真实比例锁定， ** 布局响应性能为同类工具的4倍 ** ，不同屏幕尺寸自动适配。 ** 设计系统 ** ：组件、颜色、文本样式全局同步，一键复用，多主题切换。

6. 团队协作

Ardot 在团队协作和企业安全层面做了完整覆盖： ** 多人实时协作 ** ：在线评论、校对、版本对比，团队沟通零成本 ** 开发者模式 ** ：高效查看标注信息、组件变体、快速复制代码 ** 智能权限中心 ** ：精细分配查看、编辑、管理权限，行为全程追溯 ** 数据安全 ** ：数据加密与容灾备份，ISO 及国家高新企业等各类安全认证
对于国内企业来说，数据合规和权限管控是刚需，Ardot 在这方面比 Figma 更贴合国内团队的管理习惯。

7. 深度融入腾讯生态

面向企业用户，Ardot 打通了完整的腾讯产研生态： 与  ** CodeBuddy、WorkBuddy **  无缝打通，设计稿一键转代码 ** 微信小程序端 ** 即将上线，移动端随时评审设计稿 1v1 专属客户经理 + 7x12 小时企业服务群

8. Figma 无缝导入

Ardot 支持直接导入 .fig 文件，完整保留原有的布局、样式和组件，确保从现有工作流平滑迁移，零成本切换。

四、收费情况 💰

Ardot 现已 ** 全面开放 ** ，所有功能限时免费使用，新用户注册赠送  ** 1000 Credits **  免费额度：
建议趁现在全面开放的赠送挺多的积分，赶紧体验。AI 设计工具这个品类，以后大概率付费。

五、总结 📝

腾讯设计 Ardot 通过描述即生成、生成即可编辑、设计直转代码的闭环设计，把 UI 设计生成的成本降到非常低，而且可以很灵活进行编辑调整。
光看介绍可能还不能完全体会 Ardot 的能力，推荐自己上手试试！

** 近期推荐 **
WiseMindAI：本地优先的 AI 学习工作台
ChatTOC：一键管理你的 AI 聊天记录，支持 20+ AI 平台

用 AI 把学习效率拉满：通过“学 → 考 → 评” 提升你的学习效率
我是怎么用 AI，把一个人干成一个团队的？分享我的 AI 员工们
为什么我放弃稳定工作，专心做一款真能提升学习效率的 AI 工具
如何把一个顶级博主的全部内容，变成你自己的 AI 知识库